/**
 * Created by hzq16239 on 2016/1/28.
 */
$(function(){
    function init() {
        //添加文件
        $('#addFile').unbind('click').click(function () {
            var sum = $('.inputImage').length + 1;
            //console.log(sum);
            if (sum <= 6) {
                $('#inputTr').clone(true).appendTo('#inputTable');
                $('input[name="1"]').eq(1).attr('name', sum.toString());
            } else {
                alert('一次最多上传6张图片');
            }

        });
        //删除文件
        $('#deleteFile').unbind('click').click(function () {
            if ($('.inputTr').length <= 1) {
                alert('请至少上传一张图片');
            } else {
                $(this).parent().parent().remove();
            }
        });

        // 上传文件处理
        $('.inputImage').unbind('change').change(function () {
            //先验证一下图片的格式，规格 大小
            var imgName = $(this).val();
            var imgFormat = imgName.substring(imgName.lastIndexOf('.'), imgName.length).toLowerCase();
            //console.log(imgFormat);
            if (imgFormat == '.png' || imgFormat == '.jpg') {
            } else {
                alert('请上传符合格式的图片');
                return $(this).val('');
            }
            //$(this)是个数组 取[0] document
            var imgSize = $(this)[0].files[0].size;
            console.log(imgSize);
            if (imgSize / 10240 > 2) {
                alert('请上传符合大小的图片，图片不大于 2MB');
                return $(this).val('');
            }

        });
        //上传图片
        $('#uploadBtn').unbind('click').click(function () {
            var statusFile = true;
            for (var i = 0; i < $('.inputImage').length; i++) {
                if ($('.inputImage').eq(i).val() == '') {
                    alert('请把为上传的输入框删掉!');
                    return statusFile = false;
                }
            }
            if (statusFile) {
                var formData = new FormData($('#inputImageForm')[0]);
                $.ajax({
                    url: 'image',
                    type: 'post',
                    cache: false,
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function (data) {
                        $('#uploadImageDiv').html(data);
                        $('#previewDiv').css({'display':'block'});

                    }
                });
            } else {
                alert('请按照规则上传图片');
            }
        });

        //设为封面
        $('#setCover').unbind('click').click(function(){
            //发送
            //隐藏所有  setCover 按钮
        });
    }
    init();
    $('body').mousemove(init);
});